.input{height:20px; width:300px; border:solid 1px #ccc; background-color:#a19b8a;}
.btn{width:80px; height:25px; background-color:#ccc; color: #666;}
.fl{ float:left;}
.fr{ float:right;}
.fc{ text-align:center;}
.blank5{height:5px; line-height:5px;clear:both; visibility:hidden;}
.block{ width:1200px; height:auto; overflow:hidden;}
.mt10{ margin-top:10px;}
.mt20{ margin-bottom:20px;}

#box{ width:100%; height:auto; overflow:hidden; background:#ffffff;}
.top_line{ width:100%; height:5px; background:#242840;}
.header_logo{height: 50px; line-height: 50px;text-align: center;float: left;}
.header_logo img{vertical-align: middle;}
/*.header_div{ width:100%; height:150px; background:#ffffff url(../images/logo.jpg) no-repeat center 15px;}*/
#header{ height: 38px;    line-height: 38px;background-color: #f2f2f3;border: 1px solid #e5e5e5;}
#header #logo{ position:absolute; left:0px; top:10px;}
#header #lang{ position:absolute; right:0px; top:10px;}
#header #lang a:link,#header #lang a:visited{ float:left; margin-left:10px;}
#header #lang a:hover,#header #lang a:active{ border-bottom:solid 1px #969696; text-decoration:none;}
#header #lang .icon_cn{ background:url(../images/China.jpg) no-repeat left; padding-left:25px;}
#header #lang .icon_en{ background:url(../images/English.jpg) no-repeat left; padding-left:25px;}
#header #lang .icon_dn{ background:url(../images/Deutsch.jpg) no-repeat left; padding-left:25px;}
#header .top_div_1{ position:absolute; right:0px; top:25px;}
#header .top_div_1 span{ line-height:33px; float:left;}
#header .search_div{ position:absolute; right:10px; top:5px;}
#header .search_div .search-keyword{ float:left; width:110px; height:28px; line-height:28px; border:solid 1px #ccc; background:#fff url(../images/fdj.jpg) no-repeat 2px 2px; padding-left:32px; }
#header .search_div .search-option{ float:left; width:100px; height:30px; line-height:30px; border:0; }
#header .search_div .search-submit{ float:left; width:80px; height:30px; border:solid 1px #ccc; cursor:pointer; }

header { position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } 
.header1 { height: 38px; background-color: #f8f8f8; display: flex; align-items: center; justify-content: space-between;  } 
.auto960 { width: 100%; max-width: 1450px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; } 
#qzbq { font-size: 14px; line-height: 1.5; margin: 0; flex: 1; } 
#zcdl { display: flex; align-items: center; gap: 15px; } 
#zcdl a { font-size: 14px; color: #333; text-decoration: none; } 
#zcdl a.current { font-weight: bold; } 
nav.nav_div { width: 100%; background-color: #fff; } 
#nav { width: 1500px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; height: 50px; } 
.header_logo img { height: 32px; } 
ul.topnav { list-style: none; display: flex; align-items: center; } 
ul.topnav li { position: relative; display: flex; align-items: center; } 
ul.topnav li a { color: #000; text-decoration: none; font-size: 16px; padding: 16px 20px; display: inline-block;width: 100%; } 
ul.subnav li a { padding: 8px 20px; } 
ul.topnav li:hover > a { background-color: #f0f0f0; } 
ul.subnav { position: absolute; top: 52px; left: 0; list-style: none; background-color: rgba(180, 226, 249, 0.8); display: none; border: 1px solid #ccc; z-index: 10; padding: 0; white-space: nowrap; } 
ul.topnav li:hover > ul.subnav { display: block; } 
ul.subnav1 { position: absolute; left: 100%; top: 0; list-style: none; background-color: rgba(208, 236, 145, 0.8); display: none; border: 1px solid #ccc; z-index: 20; padding: 0; white-space: nowrap; } 
ul.subnav li:hover > ul.subnav1 { display: block; } 
ul.subna2 { position: absolute; left: 100%; top: 0; list-style: none; background-color: rgba(153, 231, 139, 0.8); display: none; border: 1px solid #ccc; z-index: 30; padding: 0; white-space: nowrap; } 
ul.subnav1 li:hover > ul.subna2 { display: block; } 
.sous { display: flex; align-items: center; } 
.sous .sidebar-search { display: flex; align-items: center; border: solid 1px #0079c2 !important; border-radius: 20px; padding: 1px 8px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); } 
.sous .inp01 { padding: 5px 10px; border: none; border-radius: 20px; font-size: 14px; width: 90px; } 
.sous .inp02 { border: none; color: white; font-size: 14px; width: 24px; height: 24px; border-radius: 50%; margin-left: 5px; cursor: pointer; background: url(/uploads/allimg/erweima/ss.png) no-repeat center #006fbe; background-size: 50% 50%; } 
.sous .inp01:focus { outline: none; box-shadow: 0 0 5px rgba(0, 0, 255, 0.3); } 
.sous .inp02:hover { background-color: #555; } 
.dhhm { font-size: 20px; font-weight: bold; color: #007ac2; font-family: cursive; width: 172px; height: 30px; background: url(/template/pc/skin/images/dh.png) no-repeat left center; background-size: 13%; justify-content: space-evenly; display: flex; text-align: center; flex-direction: column; } 
.banner { width: 1920px; height: 500px; left: 50%; margin-left: -960px; overflow: hidden; position: relative; } 
.banner_left { overflow: hidden; float: left; padding-left: 7px; }

/*其他页面导航*/
.headerlogo{width:100%; height:150px; background:#ffffff; text-align:center;}
.navdiv{ width:100%; height:50px; background:#007abc;}
#nav2 { width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; height: 50px; } 
ul.topnav2 { list-style: none; display: flex; align-items: center;  } 
ul.topnav2 li { position: relative; display: flex; align-items: center; } 
ul.topnav2 li a { color: #fff; text-decoration: none; font-size: 16px; padding: 16px 26px; display: inline-block; width: 100%; } 
ul.subnav2 li a { padding: 8px 20px; } 
ul.topnav2 li:hover > a { background-color: #f0f0f0; color: rgb(217, 138, 0);} 
ul.subnav2 { position: absolute; top: 50px; left: 0; list-style: none; background-color: rgba(180, 226, 249, 0.8); display: none; border: 1px solid #ccc; z-index: 10; padding: 0; white-space: nowrap;} 
ul.subnav2 li a { color: black;}
ul.topnav2 li:hover > ul.subnav2 { display: block; } 
ul.subnav3 { position: absolute; left: 100%; top: 0; list-style: none; background-color:rgba(208, 236, 145, 0.8); display: none; border: 1px solid #ccc; z-index: 20; padding: 0; white-space: nowrap;  color: black;} 
ul.subnav3 li a{ color: black;} 
ul.subnav2 li:hover > ul.subnav3 { display: block; } 
ul.subna4 { position: absolute; left: 100%; top: 0; list-style: none; background-color: rgba(153, 231, 139, 0.8); display: none; border: 1px solid #ccc; z-index: 30; padding: 0; white-space: nowrap;  color: black;} 
ul.subna4 li a { color: black;} 
ul.subnav3 li:hover > ul.subna4 { display: block; } 
#hygl{  width: 1060px;
    margin-right: auto;
    margin-left: auto;
    line-height: 38px;
    font-size: 12px;}

/*列表页关键词/搜索*/
.banss{width: 100%;height: 75px;border-bottom: 1px solid #d6d6d6;margin: 0 auto;}
.banant{height: 75px;width: 1200px; margin: 0 auto;display: flex;justify-content: space-between; align-items: center;}
.banant p{ color: #565656;font-size: 12px;font-family:'Microsoft YaHei';float: left;line-height:47px;}
.banant p b{float: left; display: inline-block;height:45px; color: #6a6a6a;background: url(/uploads/allimg/erweima/xtb.jpg) no-repeat left center;padding-left: 42px;}
.banant a{color: #565656;padding:0 7px;font-size: 12}
.banant a:hover { color: #ef6200; font-weight: bold;}
.banantr{height: 34px;position: relative;}
.banantr .inp01{ border: solid 1px green !important; border-radius: 50px; padding-left: 14px;height: 32px;border: 0px;width: 230px; position: absolute; right: 0;}
.banantr .inp02{width: 50px;height: 34px;border: 0px;background: url(/uploads/allimg/erweima/ss.png) no-repeat center #009b4c;cursor: pointer;position: absolute;right: 0;top: 0;border-radius: 50px;}
.banantr .inp02:hover {background-color: #ed8e06;}

.toptitle2{ font-size:13px; line-height:24px;}
.toptitle2 b{ float:left; font-size:15px; color:#333;}
.toptitle2 a{ margin:0px 5px; color: #0079c2;}
.toptitle2 a:hover{ color:#ef6200;}

/*列表页bannd图*/
.hgylbannd{width: 1920px;height: 300px;   display: flex;flex-direction: column; justify-content: center; align-items: center;position: relative;}
.hgylbannd h1 { font-size: 50px; color: white; position: absolute; top: 106px; letter-spacing: 6px; font-weight: normal; }
.hgylbannd p { font-size: 76px; color: white; letter-spacing: 20px; position: absolute; top: 116px; font-weight: bold; opacity: 0.3; transform: scaleY(1);  }
.hgylbannd .hgylxb{width: 52px; height: 5px; background-color: #007ac5; position: absolute; top: 180px;}


/*关键词/搜索*/
.ban-ss{width: 100%;height: 75px;border-bottom: 1px solid #d6d6d6;margin: 0 auto;}
.banan-t{height: 75px;width: 1000px;margin: 0 auto;}
.banan-t p{margin-top: 15px; color: #565656;font-size: 12px;font-family:'Microsoft YaHei';float: left;line-height:47px;}
.banan-t p b{float: left; display: inline-block;height:45px; color: #6a6a6a;background: url(/uploads/allimg/erweima/xtb.jpg) no-repeat left center;padding-left: 42px;}
.banan-t a{color: #565656;padding:0 7px;font-size: 12}
.banan-t a:hover { color: #ef6200; font-weight: bold;}
.banan-tr{float: right;height: 22px;margin-top: 20px;padding-bottom: 5px;width: 241px; position: relative;}
.banan-tr .inp01{ border: solid 1px green !important; border-radius: 50px; padding-left: 14px;height: 32px;border: 0px;width: 230px; position: absolute; right: 0;}
.banan-tr .inp02{width: 50px;height: 34px;border: 0px;background: url(/uploads/allimg/erweima/ss.png) no-repeat center #009b4c;cursor: pointer;position: absolute;right: 0;top: 0;border-radius: 50px;}
.banan-tr .inp02:hover {background-color: #ed8e06;}
.sign{width:790px;height:145px}
/*sign*/
.blk_18 {overflow:hidden;zoom:1;font-size:9pt;width:790px;height:145px}
.blk_18 .pcont {width:730px;float:left;overflow:hidden}
.blk_18 .ScrCont {width:32766px;zoom:1;margin-left:-5px;}
.blk_18 #List1_1, .blk_18 #List2_1, .blk_18 #List3_1 {float:left;margin-top:25px}
.blk_18 .LeftBotton, .blk_18 .RightBotton {width:15px;height:74px;float:left;background:url(../images/ax.gif) no-repeat;}
.blk_18 .LeftBotton {background-position: 0 0;margin:45px 5px 0;}
.blk_18 .RightBotton {background-position: 0 -100px;margin:45px 1px 10px 10px;}
.blk_18 .LeftBotton:hover {background-position: -20px 0;}
.blk_18 .RightBotton:hover {background-position: -20px -100px;}
.blk_18 .pl img {display:block;border:none;}
.blk_18 .pl {width:125px;border:1px solid #eee;float:left;text-align:center;line-height:24px;margin-left:20px;}
.blk_18 a.pl:hover {color:#5795D4;}
/*sign*/

.banner_right{overflow:hidden;width:218px;float:right;}
.newest{height:240px;background:#f4f4f4;position:relative;padding-top:10px;}
.newest a{font-size:12px}
#demo1{height:auto;text-align:left;}
#demo2{height:auto;text-align:left;}
#demo1 li{list-style-type:none;height:22px;background:url() no-repeat left center;text-align:left;text-indent:15px;}
#demo2 li{list-style-type:none;height:22px;background:url() no-repeat left center;text-align:left;text-indent:15px;}
.phone{ float:left; width: 160px;height:250px; padding:7px; background:#f4f4f4;border:1px solid #cccccc;overflow:hidden}
.phone dt{margin:30px 20px 15px;font-family:'Microsoft yahei','微软雅黑';font-size:14px;color:#000}
.phone dd{float:left;line-height:35px;margin-left:15px;font-family:'Microsoft yahei','微软雅黑';font-size:16px;color:#17406e}
.phone_c{ padding:10px 0px 0; line-height:2em;}

#banner{ width:1200px; height:302px; margin:10px auto 0px;}
#banner img{ width:1200px; height:302px;}
#slider-wrapper { width:1200px; height:302px; margin:0 auto;}
#slider {position:relative; width:1200px; height:302px; background:url(../images/loading.gif) no-repeat 50% 50%;}
#slider img {position:absolute;top:0px;left:0px;display:none;}
#slider a {border:0;display:block;}
.nivo-controlNav {position:absolute;left:480px;bottom:15px;}
.nivo-controlNav a {display:block;width:22px;height:22px;background:url(../images/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;}
.nivo-controlNav a.active {background-position:0 -22px;}
.nivo-directionNav a {display:block;width:30px;height:30px;background:url(../images/arrows.png) no-repeat;text-indent:-9999px;border:0;}
a.nivo-nextNav {background-position:-30px 0;right:15px;}
a.nivo-prevNav {left:15px;}
.nivo-caption { text-shadow:none; font-family: Helvetica, 宋体, sans-serif;}
.nivo-caption a { color:#efe9d1; text-decoration:underline;}

#main_div{ width:1200px; height:auto; overflow:hidden; margin:20px auto 0;}
.t_1{ font: normal 18px/30px 'Microsoft yahei','微软雅黑',"宋体"; height:35px; border-bottom:solid 1px #ccc; color:#2c2c2c;}
.c_1{ padding:0px 0px; line-height:26px; clear:both;margin-bottom: 30px;}

#main_left{ float:left; width:180px; height:auto; overflow:hidden;}
#main_right{ float:right; width:1000px; height:auto; overflow:hidden; padding-left:20px;}
#main_left2{ float:left; width:380px; height:auto; overflow:hidden; padding-right:20px;}
#main_right2{ float:left; width:800px; height:auto; overflow:hidden;}

.bottom_div,.g_ft{ width:100%; height:auto; overflow:hidden;  background:#232323; padding-bottom:20px; color:#5e6984;}
.bottom,.ftmid{ width:1200px; height:auto; overflow:hidden; padding:0px; margin:0px auto; line-height:2em;font-size: 12px;}
.bottom_1{ width:1200px; height:110px; color:#8fb5d9; text-align:left; position:relative; border-top:solid 5px #8fb5d9; border-bottom:solid 1px #3f4259; margin:0px auto 20px;}
.bottom_1 .bottom_tel{ position:absolute; left:0px; top:20px; line-height:30px; padding-right:20px; background:url(../images/img5.jpg) no-repeat right;}
.bottom_1 .bottom_icp{ position:absolute; left:480px; top:20px; line-height:30px; padding-right:20px;}
.bottom_1 .bottom_icp a{ color: #8fb5d9;}
.bottom_1 .bottom_fax{ position:absolute; left:330px; top:5px; line-height:30px; padding-right:20px; background:url(../images/img5.jpg) no-repeat right;}
.bottom_1 .bottom_email{ position:absolute; left:230px; top:20px; line-height:30px; padding-right:20px; background:url(../images/img6.jpg) no-repeat right;}
.bottom_1 .bottom_info{ position:absolute; left:0px; top:60px; line-height:30px;}
.bottom_1 .bottom_top{ position:absolute; right:0px; top:0px;}
.bottom_1 .gzhewm{position: absolute; left: 800px; top: 5px; height: 104px;}
.bottom_nav a{ margin:0px 4px; color:#8fb5d9;}
.bottom a:hover{ color:#ef6200;}
.copyright{ position: absolute; left: 376px; top: 60px; line-height: 30px;}
.bottom_nav{ float:left;}
.center_info{ width:100%; height:auto; overflow:hidden; line-height:30px; padding:10px 0px; margin:10px 0px 20px 0px; font-size:20px; color:#2c2c2c; text-align:center; border-bottom:solid 1px #ccc;}
.index_div{ width:1200px; height:auto; overflow:hidden;}
.index_div h2,.index_div_3 h2{ padding-left:30px; font: normal 18px/30px 'Microsoft yahei','微软雅黑',"宋体"; color:#77797e; background:url(../images/img3.jpg) no-repeat left; }
.index_div_img img{ width:380px; height:158px; margin:10px auto;}
.index_div_content{ width:380px; line-height:20px; color:#77797e;}
.index_div_1{ float:left; width:380px; line-height:20px;}
.more1{ color:#74a0ca; font-weight:bold; font-size:12px; padding:0px 10px 0 0;}
.more1 a{ color:#74a0ca;}
.more2{border:0px; margin:0px; padding:0px;}
.index_div_2{ float:left; width:380px; line-height:20px; margin-left:10px;}
.index_div_2 .news_list_2{ width:380px; margin-top:10px;}
.index_div_2 .news_list_2 li{ float:left; width:190px; height:40px; margin-bottom:8px;}
.index_div_2 .news_list_2 li a{ display:block; color:#666666; width:160px; line-height:28px; padding:2px 5px; font-weight:bold;}
.index_div_2 .news_list_2 li a:hover{ color:#74a0ca;}
.index_div_2 .news_list_2 .style2{ color:#666666; font-size:11px;}
.index_div_3{ float:left; width:290px; line-height:20px; margin-left:10px;}
.index_div_3 .news_list_1{ width:290px; margin-top:10px;}
.index_div_3 .news_list_1 img{ float:left; width:58px; height:58px; margin-right:10px;}
.index_div_3 .news_list_1 .style1{ height:40px;}
.index_div_3 .news_list_1 .style2{ color:#666666; font-size:11px;}
.index_div_3 .news_list_1 li{ width:290px; border-bottom:dashed 1px #d3d3d3; padding-bottom:10px; margin-bottom:10px;}
.index_div_3 .news_list_1 li a{ color:#d98a00; font-weight:bold;}
.index_div_3 .news_list_1 li a:hover{ color:#74a0ca;}
.index_div_3 .news_list_2{ width:290px; margin-top:10px;}
.index_div_3 .news_list_2 li{ width:290px; height:40px; padding-top:1px;}
.index_div_3 .news_list_2 li a{ color:#666666; font-weight:bold; background:url(../images/img7.jpg) no-repeat left; padding-left:12px;}
.index_div_3 .news_list_2 li a:hover{ color:#74a0ca;}
.index_div_3 .news_list_2 .style2{ color:#666666; font-size:11px;}

.index_div_4{ float:left; width:200px; line-height:20px; padding:8px 5px; border:solid 1px #ccc; margin:0 0 0 9px;}
.index_div_4 h2,.phone h2{ padding-left:30px; font: normal 18px/30px 'Microsoft yahei','微软雅黑',"宋体"; color:#77797e; background:url(../images/img3.jpg) no-repeat left; }
.index_div_4 .news_list_2{ width:200px; margin-top:10px;}
.index_div_4 .news_list_2 li{ float:left; width:210px; height:30px; line-height:30px;}
.index_div_4 .news_list_2 li a{ display:block; color:#666666; width:200px; line-height:28px; padding:2px 5px;}
.index_div_4 .news_list_2 li a:hover{ color:#74a0ca;}
.index_div_4 .news_list_2 .style2{ color:#666666; font-size:11px;}
.index_div_5{ float:right; width:200px; height:auto; border:solid 1px #ccc; padding:8px; margin:10px 0 0 0;}
.index_div_5 h2{ padding-left:30px; font: normal 18px/30px 'Microsoft yahei','微软雅黑',"宋体"; color:#77797e; background:url(../images/img3.jpg) no-repeat left; }
.index_div_content_5{ width:200px; line-height:22px; padding:10px 0px; color:#77797e;}
.index_prolist{ float:left; width:1200px; line-height:20px; padding:10px 0; border-bottom:solid 1px #efefef; font-size: 14px;}
.index_prolist h2{ padding-left:40px; font: normal 18px/30px 'Microsoft yahei','微软雅黑',"宋体"; color:#77797e; background:#efefef url(../images/img3.jpg) no-repeat 5px 3px; }
.index_prolist .prolist_img{float:left; width:200px; margin:5px 30px 0 0;}
.index_prolist .prolist_img img{width:200px; height:230px;}
.index_prolist .prolist_1{float:left; width:1200px;}
.index_prolist .prolist_1 p{font-size: 18px; font-weight: 800; margin-bottom: 10px;}
.index_prolist .prolist_1 li{ float:left; width:400px; height:30px; line-height:30px;overflow: hidden;}
.index_prolist .prolist_1 li a{ display:block; color:#666666; width:380px; line-height:28px; padding:2px 0;}
.index_prolist .prolist_1 li a:hover{ color:#74a0ca;}
.index_prolist .prolist_1 .style2{ color:#666666; font-size:11px;}

.top_title{ font-size:28px; text-align:left; line-height:2em; color:#74a0ca; padding:0px 0px 0px 30px;}
.top_title2,.dqwz{ font-size:13px; margin: 0px 0px 20px; line-height:24px; color:#333;}
.top_title2 b,.dqwz b{ float:left; font-size:15px; color:#333;}
.dqwz{padding-top: 30px;}

.top_title2 a{ margin:0px 5px; color:#333;}
.top_title2 a,.dqwz:hover{ color:#007abc;}

.t_2{ float:left; width:1000px; height:auto; font: normal 18px/30px 'Microsoft yahei','微软雅黑',"宋体"; padding-bottom:10px;  border-bottom:solid 1px #ccc; color:#333;}
.t_2 b{ float:left; font-size:15px; color:#333;}
.t_2 ul{ float:left; width:910px;}
.t_2 li{ float:left; display:block;}
.t_2 li a{ float:left; display:block; padding:0px 8px; margin-right:10px; height:30px; font: normal 13px/30px 'Microsoft yahei','微软雅黑',"宋体"; color:#333;}
.t_2 li a:hover{ color:#007abc;}
.t_2 .first a{ color:#007abc; font-weight:bold; background:#ccc;}
.n_b{ border:0;}

.t_3{margin: 0 0 0 75px;}

.liebiao ul{ margin:0 0 0 10px;padding:30px 0 30px 20px; overflow: hidden;}
.liebiao ul:last-child{border-bottom:0;}
.liebiao li{float: left;width: 220px;text-align: left; list-style-type: disc; color: #007ac5;}
.liebiao li a{ height:30px; font: normal 14px/30px 'Microsoft yahei','微软雅黑',"宋体"; color:#333;}
.liebiao li a:hover{ color:#007abc;}
.liebiao .first a{ color:#007abc; font-weight:bold; background:#ccc;}
.liebiao{ border:0;}
.liebiao h2{clear:both;  margin-bottom: 6px;    padding: 34px 0 34px 50px;font-size: 24px;letter-spacing: 2px;  background: #f2f3f5;}
.liebiao .youji{ background: #f2f3f5 url('/template/pc/skin/images/youjiyl.png') no-repeat center right;}
.liebiao .wuji{ background: #f2f3f5 url('/template/pc/skin/images/wujiyl.png') no-repeat center right;}
.liebiao .ranliao{display: flex;justify-content: space-between;}
.liebiao .ranliao .jslhrl{width: 480px;}
.liebiao .ranliao .rjrl{width: 480px;}


#left_contact{background: url(/template/pc/skin/images/hezhuo.jpg) no-repeat center; width: 178px; height: 360px;  margin-bottom: 30px;display: flex; flex-direction: column; justify-content: space-between;}
#left_contact .kehu{font-size: 18px; padding: 10px;text-align: center;font-weight: bold;}
#left_contact .kehu b{font-size: 22px;  color: #0079c2;}
#left_contact .zjian{margin-top: 26px;  text-align: right; padding: 10px;}
#left_contact .yzps{font-size: 13px;}
#left_contact .dhma{font-size: 20px; font-weight: bold;color: #0079c2;margin: 4px 0;}
#left_contact .rexian{ display: flex;align-items: center;font-size: 14px;justify-content: flex-end;}
#left_contact .rexian img{ margin-left: 5px; border-radius: 50%;}
#left_contact .ljlx{ text-align: center;color: white; background-color: #5795d4; font-size: 16px; padding: 6px;}
#left_contact .ljlx a{color: white; }


.lmms{ margin: 10px 10px 16px; text-align: center; line-height: 20px;}
.lmms h1{margin: 20px 0;font-weight: bold;}
.pplb{overflow:hidden;}

.left_list_t {width:178px; height:40px; line-height:40px; border-bottom:1px solid #8fb5d9; background:#efefef; color:#8fb5d9; text-align:center; font-size:14px;}
.left_list {width:178px; margin-bottom:30px; background:#d2dce2; border-bottom:0;}
.left_list li:hover,.left_list1 li:hover{ background:#fff;}
.left_list_top,.left_list_top2{width:178px; background:#5795d4;}
.left_list_top2{margin-bottom: 8px;}
.left_list_top a{display: block; color: #fff; line-height: 37px; height: 37px; border-bottom: 1px solid #eeeeee; padding-left: 20px;}
.left_list_top span,.left_list_top2 span{display: block; color: #fff; line-height: 37px; height: 37px; border-bottom: 1px solid #eeeeee; padding-left: 20px;font-size: 16px;}
.left_list1,.left_list2 {width:178px; margin-bottom:30px; background:#d2dce2; border-bottom:0;}
.left_list2 { padding: 0 0px 8px 0px;}
.left_list2 a{ padding: 4px 10px; margin: 2px 0px; display: inline-block;}
.left_list2 a:hover {color: #ef6200;}
.left_list1 li{overflow: hidden;}
.left_list1 a { font-size:10px; display:block; line-height:37px; height:37px; border-bottom:1px solid #eeeeee; padding:0 10px; }
.left_list ul li a { display:block; line-height:37px; height:37px; border-bottom:1px solid #eeeeee; padding-left:20px; }
.contact { margin:20px auto 30px; width:170px; background:#d2dce2; line-height:2em; padding:5px; }
.tags_left { margin:20px auto 30px; width:170px; background:#ebf0f3; line-height:2em; padding:5px; }
.tags_left a { margin: 2px; background:#75b4ea; padding: 2px 6px; color: white; display: inline-block; }
.tags_left dt { font-size:14px; }
.tags_bott a:hover, .tags_lsbot a:hover, .tags_left a:hover { color:#000000; background:#abcfe4; }
.tags_bott { margin:20px 0; }
.tags_bott dt { font-size: 16px; display: inline-block; float: left; margin: 0 6px 0 0px; }
.tags_bott a { margin: 2px; background:#8ba2f7; padding: 3px 8px; color: white; }
.tagbot { width: 1200px; font-size: 14px; margin: 10px auto; overflow: hidden; }
.tagbot ul { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 5px 0 15px 0px; }
.tagbot ul li { border-bottom: 1px dotted #e2e2e2; padding: 0px 10px; margin: 6px 20px; width: 90px; text-align: center; }
.tags_lsbot { font-size: 14px; margin: 40px auto; overflow: hidden; }
.tags_lsbot dt, .tagbot dt { font-size: 16px; display: inline-block; margin: 10px 0; }
.tags_lsbot a, .tagbot a { line-height: 35px; margin-left: 20px; border-bottom: 1px dashed #e6e6e6; }
.tags_lsbot .tbox dd{display: flex;    justify-content: space-between; flex-wrap: wrap; width: 100%; white-space: normal;}


.iphone { width:160px; margin:10px auto 0; height:30px; line-height:30px; text-align:center; color:red; background:url(../images/400iphone.png) left center no-repeat; }
.people_list{ width:760px;}
.people_list li{ width:760px; height:180px; border-bottom:solid 1px #d3d3d3; margin-bottom:20px;}
.people_list .people_img{ float:left; width:138px; height:158px; margin-right:10px;}
.people_list .people_img img{ width:138px; height:158px;}
.people_list .people_content{ float:left; width:612px; height:158px;}
.people_list .people_date{ background:url(../images/img9.jpg) no-repeat left; padding-left:15px;}
.people_list .people_name{ font-size:20px;}
.people_list .people_info{ height:80px;}
.people_list .more3{ text-align:right;}
.people_list .more3 a{ color:#74a0ca;}

.people_content_img{ width:138px; height:158px; padding-bottom:10px;}
.people_content_img img{ height:158px;}
.people_content_info{ width:100%; height:auto; overflow:hidden; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; padding:10px 0px; margin:10px auto;}
.people_content_info .people_date{ background:url(../images/img9.jpg) no-repeat left; padding-left:15px;}
.people_content_info .people_name{ font-size:24px; color:#000; margin-top:5px;}

.market_list_1{ float:left; width:1000px; margin-top:10px;}
.market_list_1 li{ float:left; width:455px; padding-bottom:10px; margin:0px 25px 20px 0px; background:#fff; padding:10px;}
.market_list_1 li a{ color:#74a0ca; font-weight:bold;}
.market_list_1 li a:hover{ color:#d98a00;}
.market_list_1 .market_img{ float:left; width:208px; height:158px; margin-right:20px;}
.market_list_1 .market_img img{ width:208px; height:158px;}
.market_list_1 .market_content{ float:left; width:455px; height:100px;}
.market_list_1 .market_date{ background:url(../images/img9.jpg) no-repeat left; padding-left:15px;  white-space: nowrap; overflow: hidden;}
.market_list_1 .market_info{ height:50px;}
.market_list_1 .more3{ text-align:right;}
.market_list_1 .more3 a{ color:#74a0ca;}
.more4{ float:left; width:1000px; height:33px; padding-top:5px; border-top:solid 1px #ccc; text-align:right; margin:10px auto;}

.market_list_2{ float:left; width:1000px; margin-top:10px;}
.market_list_2 li{ float:left; width:460px; height:90px; border-bottom:dashed 1px #d3d3d3; padding-bottom:10px; margin:0px 30px 20px 0px;}
.market_list_2 li a{ color:#2c2c2c; font-weight:bold; background:url(../images/img7.jpg) no-repeat left; padding-left:12px;}
.market_list_2 li a:hover{ color:#74a0ca;}
.market_list_2 .style2{ color:#666666; font-size:11px; text-align:right;}
.market_list_2 .style3{ height:40px; padding:0px 0px 0px 12px;}

.contact_1{ float:left; width:360px; height:auto; overflow:hidden; margin-right:60px;}
.contact_2{ float:left; width:650px; height:auto; overflow:hidden;}
.contact_2 .input1{ width:190px; height:30px; margin-top:10px; line-height:30px; border:solid 1px #ccc;}
.contact_2 .input2{ width:615px; height:160px; margin-top:10px; border:solid 1px #ccc;}
.contact_2 .btn_submit{ width:135px; height:34px; border:0px; background:url(../images/img10.jpg) no-repeat; cursor:pointer;}
.contact_2 .style3{ font-size:16px; color:#77797e;}

.download_list{ width:630px; height:auto; overflow:hidden; border:solid 1px #ccc; background:#fff; padding:19px;}
.download_list li .download_title{ float:left; width:530px; background:url(../images/img7.jpg) no-repeat left; padding-left:20px;}
.download_list li .download_link{ float:right; width:80px; text-align:right; text-decoration:underline;}
.download_list li{ float:left; width:630px; border-bottom:dashed 1px #d3d3d3; padding-bottom:5px; margin-bottom:10px;}

#news{color:#fff; }
#news a:link,#news a:visited{color:#fff; }
#news a:hover,#news a:active{color:#ccc;}
.xia{border-bottom:dotted 1px #7f7a77;}
.page_div{ float:left; width:760px; height:25px; margin:20px auto 10px;}
.anpager .cpb {color:#fff;font-weight:bold; padding:4px 6px; border:solid 1px #ccc; background:#242840;}
.anpager a { padding:4px 6px; color:#fff; background:#8fb5d9; border:solid 1px #ccc; text-decoration:none}
.anpager a:hover{color:#333333; border:solid 1px #333;}

.art_list_con, .prod_list_con{margin-bottom:9px; padding: 0px 8px;}
.art_list_con ul li{ height:30px; line-height:30px; border-bottom:dashed 1px #ccc;}
.art_list_con ul li .l_title{float:left; width:530px; height:30px; overflow:hidden; background:url(../images/news_arrow.gif) no-repeat 0px 10px; padding-left:15px; }
.art_list_con ul li .n_time{float:left; color: #333; padding-left:15px;}

.artview{margin:10px auto;}
.artview_title{  line-height:30px;border-bottom:#ccc 1px solid;text-align:center;padding-bottom:10px;}
.artview_info{text-align:center; padding:5px 0px;border-bottom:#ccc 1px solid;}
.artview_intr{padding:5px;line-height:1.7em;color:#666;background-color:#efefef;border:#efefef 1px solid;margin-bottom:10px; text-indent:24px;}
.artview_bottom{ text-align:right; padding:5px;}
#artview_content{line-height:2em;text-align:justify; font-size:14px;text-justify:inter-ideograph; padding:10px 0px; margin: 20px 0 40px 0;}
#artview_content table,tr,td{font-size:14px;}
#artview_content h1, h2, h3, h4, h5, h6{margin:0 0 10px 0;}
#artview_content a{color:blue;font-weight: bold;}
#artview_content ul li{list-style-type: disc; margin: 10px 40px;}
#artview_content ol li{list-style-type: decimal; }
#artview_content ol ul li{list-style-type: disc;}
#artview_content ul ol li{list-style-type: decimal;}
#artview_content .pro_list1 li{list-style-type: none; margin: 0 0 20px 0;}

.artview_zxcp{margin:10px auto; width:100%;}
.artview_zxcp p{font-size: 16px; margin: 10px 0;}
.artview_zxcp ul{ display: flex; justify-content: space-between;  flex-wrap: wrap;     border: 1px solid #000; padding: 10px 0 10px 30px;}
.artview_zxcp li{margin: 6px 0px;  width: 480px; font-size: 14px; list-style-type: disc;}
.artview_syh{margin:20px auto; width:100%;}
.artview_syh p{font-size: 16px; margin: 10px 0;}
.artview_syh ul{ display: flex; justify-content: space-between;  flex-wrap: wrap;    padding: 5px 0 0px 0px;}
.artview_syh li{margin: 6px 0px;  font-size: 14px;   border: 1px solid #000; text-align: center; padding: 6px;}
.artview_syh li a img{width: 120px; height:120px;}
.artview_img{text-align:center; padding:5px 0px;}
.artview_img img{width:400px;}

.proctect_read_img { overflow: hidden; padding-bottom: 15px; border-bottom: solid 1px #ccc; } 
.proctect_read_img_main { overflow: hidden; border-bottom: dashed 1px #ccc; } 
.proctect_read_img_main .left { float: left; margin: 10px 34px 40px 0; border: 1px solid #ccc; } 
.proctect_read_img_main .lesktp { float: left; margin: 10px 34px 40px 0; border: 1px solid #ccc; padding: 2px 50px; } 
.proctect_read_img_main .left p { float: left; text-align: center; width: 132px; font-size: 14px; margin-bottom: 10px; } 
.proctect_read_img_main .left b { font-size: 15px; } 
.proctect_read_img_main .left img { width: 334px; height: 334px; display: block; } 
.proctect_read_img_main .right { float: left; width: 63%; } 
.proctect_read_img_main .right h1 { border-bottom: 1px dashed #CCC; line-height: 30px; font-size: 16px; } 
.proctect_read_img_main .right h3 { border-bottom: 1px dashed #CCC; line-height: 30px; } 
.proctect_read_img_main .right ul li { line-height: 31px; color: #666; font-size: 14px; } 
.proctect_read_img_main .right ul li span { float: left; display: block; } 
.proctect_read_img_main .right ul li a { float: left; padding: 0 15px; margin-top: 5px; background: #FF4401; color: #fff; font-family: 'Microsoft yahei','微软雅黑'; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } 
.zxzx { display: inline-block; margin-top: 10px; } 
.zxzx a { color: #fff; font-family: 'Microsoft yahei','微软雅黑'; font-size: 14px; padding: 6px 15px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #FF4401; } 
.proctect_read_img_main .right ul li .report_span { float: left; padding: 0 15px; background: #5795d4; color: #fff; font-family: 'Microsoft yahei','微软雅黑'; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } 
.proctect_read_img_main .right ul li a .img { margin-top: 5px; display: block; } 
.proctect_read_img_main .right .weight { margin-top: 20px; font-weight: bold; } 
#tdsbg { background: #00aef3; } 
.proctect_read_img .shuxing { clear: both; } 
.proctect_read_img .shuxing ul li { float: left; width: 250px; height: 35px; line-height: 35px; color: #666; font-size: 14px; } 
.special_services { width: 848px; height: 125px; border: 1px solid #ccc; overflow: hidden; } 
.special_services h3 { margin-top: 10px; width: 135px; line-height: 30px; background: url(../images/hot_ico.jpg) 15px center no-repeat; padding-left: 40px; font-size: 14px; color: #3772c2; } 
.special_services span { margin: 20px 58px; display: block; }


.tc{ width:640px; height:auto; overflow:hidden; line-height:2em;}
.news_title{text-align:center; list-style:none; border-bottom:solid 1px #7f7a77; padding:5px 0px; font-weight:bold;}
.news_date{text-align:right; padding:10px;}
.news_pic{ text-align:center; margin:5px auto;}
.news_pic img{ width:300px; border:solid 1px #7f7a77;}
.news_content{text-align:left; list-style:none; padding:20px 0px;}
.news_bottom{text-align: right; list-style: none; margin: 10px 0px;}
.roll_news_t{ float:left; margin-right: 8px; color:#888888;}
.roll_news a:link,.roll_news a:visited{ margin-right:15px; color:#888888;}
.roll_news a:hover,.roll_news a:active{ color:#74a0ca;}
.index_news{ float:left; width:290px; margin-top:10px; color:#77797e;}
.index_news li{ float:left; width:290px; line-height:30px; }
.index_news li .news_t{ float:left; width:185px; height:30px; background: url(../images/img9.jpg) no-repeat left;padding-left: 15px;}
.index_news li .news_date{ float:left; width:90px; height:30px;}
.index_news li a:link,.index_news li a:visited{ color:#77797e;}
.index_news li a:hover,.index_news li a:active{ color:#74a0ca;}
.index_feedback{ width:290px; margin-top:10px; color:#77797e;}
.index_feedback .div_info{ line-height:20px; margin:20px auto;}
.formbody{ width:290px;}
.formbody label{ float:left; width:60px; line-height:26px; text-align:right; font-size:14px; padding-right:10px; margin-bottom:10px;}
.formbody .text{ float:left; width:190px; padding:0px 5px; border:solid 1px #ccc; height:26px; line-height:26px; margin-bottom:10px;}
.formbody .submit{ float:left; color:#77797e; margin-left:120px; margin-top:10px; width:80px; height:28px; line-height:28px; text-align:center; cursor:pointer;}
.contact_bg{ margin:0px auto; background:url(../images/contact.jpg) no-repeat; width:660px; height:473px; position:relative;}
.contact_c{ width:320px; height:240px; position:absolute; left:180px; top:200px;}
.contact_bg p{ line-height:30px;}
.pagelist{ width:1000px; height:auto; overflow:hidden; color:#474747; padding:10px 0; margin: 0px auto; text-align:center;}
.pagelist ul{ float:left; padding-left:30px;}
.pagelist ul li{float:left;padding:2px 10px;color:#474747;line-height:20px;margin-right:6px;border:1px solid #E9E9E9;}
.pagelist ul li a{float:left;color:#474747;display:block;}
.pagelist ul li a:hover{color:#1e7dee;text-decoration:none;}
.pagelist ul li.thisclass,
.pagelist ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#F8F8F8;font-weight:bold;}
.pagelist .pageinfo{padding:2px 10px;line-height:20px;color:#474747;}
.pagelist .pageinfo strong{color:#474747;font-weight:bold;margin:0px 2px;}
.pro_list { float:left; width: 1000px; padding:20px 0px; font-size: 12px; overflow: hidden;}
.pro_list li { float: left; width: 450px; height: 37px; padding: 0px 10px; margin: 0px 10px 1px; border: #eee 1px solid; line-height: 37px; text-decoration: none; background-color: #dae2e6; overflow: hidden; }
.pro_list li img{float: left; width: 180px; height:135px;}
.pro_list li p{ text-align:center; line-height:30px;}
.pro_list li:hover{ background:#fff;}
.pro_list1 { float:left; width: 1000px; padding:20px 0 20px 0px; font-size: 12px; overflow: hidden;}
.pro_list1 ul{display: flex; justify-content: space-between; flex-wrap: wrap;}
.pro_list1 li{float: left; width:49%;height: 135px;margin: 0 0 20px 0; border: #eee 1px solid;text-decoration: none; background-color: #dae2e6; overflow: hidden;}
.pro_list1 li h3{ overflow: hidden;margin-top: 6px; color: black; line-height: 20px; padding-right: 6px;}
.pro_list1 li img{float: left; width: 135px; height:135px; margin: 0px 8px 0 0;}
.pro_list1 li p{ margin: 0px 5px 0 0; line-height: 24px;color: black;font-weight: normal;}
.pro_list1 li:hover{ background:#fff;}
.glcp { width: 1000px; overflow: hidden; margin: 20px 0 0 0; } 
.gllb { overflow: hidden; } 
.skgl { text-align: center; font-size: 20px; font-weight: 900; margin-bottom: 20px; } 
.glcp h2 { text-align: center; color: blue; font-size: 28px; } 
.gllb li { width: 100%;  margin: 0 20px 20px 0; overflow: hidden; border-bottom: 1px solid #EEE; color:#aaa;background-color:#dae2e6;padding: 20px 30px;box-sizing:border-box;position:relative;} 
.imgdiv { float: left; width: 160px; height: 160px; margin: 0px 20px 0 0; border: 1px solid #EEE; } 
.gllb li img { width: 160px; height: 160px; } 
.gllb li h3 { width: 230px; height: 30px; overflow: hidden; margin-top: 1px; }
.gllb li:hover { background: #ff9600;color: #FFF;transition: .3s; -moz-transition: .3s;-webkit-transition: .3s;}
.gllb li:hover a, .gllb li:hover span {color: #FFF;}

a.link_red:link, a.link_red:visited { color: #74a0ca }
a.link_red:hover { color: #74a0ca }
a.link_blue:link, a.link_blue:visited { color: #039 }
a.link_blue:hover { color: #cc2829 }
a.link_black:link, a.link_black:visited { color: #333 }
a.link_black:hover { color: #cc2829 }
a.link_grey:link, a.link_grey:visited { color: #999 }
a.link_grey:hover { color: #cc2829 }
a, area { blr:expression(this.onFocus=this.blur())}
.sidebar_top, .sidebar_bottom, .sidebar_item_icon01, .sidebar_item_icon02, .sidebar_item_icon03, .sidebar_item_icon04, .sidebar_item dd s { background: none }
.sidebar { width: 174px; position: absolute; left: 0; z-index: 9 }
.sidebar_top { position: relative; padding: 0 20px; height: 40px; line-height: 40px; font-size: 16px; font-family: 'Microsoft yahei','微软雅黑'; color: #ffffff; cursor: pointer; border-bottom: none }
.sidebar_top a { color: #ffffff;}
.sidebar_top_tc { text-align: center; }
.sidebar_con { width: 174px; border: 1px solid #cacaca; border-top:0; padding: 0; background: #ffffff; display:none; }
.sidebar_item { padding:10px 0px 7px; height:390px;}
.sidebar_item dt { height: 34px; background: url(../images/img8.jpg) repeat-x; margin-bottom: 11px }
.sidebar_item dt i { display: inline-block; float: left; width: 17px; height: 17px; margin: 8px 4px 0 23px }
.sidebar_item dt span { float: left; height: 34px; line-height: 34px; font-size: 13px; font-family: 'Microsoft yahei','微软雅黑'; color: #000; font-weight: bold }
.sidebar_item dd { height: 28px; position: relative }
.sidebar_item dd h3 { position: absolute; z-index: 11; background: url(../images/news_arrow.gif) no-repeat 150px 12px; width: 170px; height: 28px; line-height: 28px; font-size: 14px; font-weight: normal; font-family: 'Microsoft yahei','微软雅黑'; border: none; padding: 0; text-align:left; }
.sidebar_item dd h3 a { display: block; border: 1px solid #ffffff; border-left: none; border-right: none; padding: 0 0 0 20px }
.sidebar_item dd h3 a:link { color: #000; text-decoration: none }
.sidebar_item dd h3 a:visited { color: #000; text-decoration: none }
.sidebar_item dd h3 a:hover { color: #000; text-decoration: none }
.sidebar_item dd s { display: block; width: 4px; height: 8px;background: url(../images/news_arrow.gif) no-repeat 0 -32px; position: absolute; top: 11px; right: 16px; z-index: 9 }
.sidebar_bottom { height: 10px; position: relative; bottom: 0; z-index: -1 }
.sidebar_focus { background: #FFF }
.sidebar_item dd h3.sidebar_focus a { border: 1px solid #cacaca; border-left: none; border-right: none; }
.sidebar_item dd h3.sidebar_focus a:link { color: #74a0ca; text-decoration: none }
.sidebar_item dd h3.sidebar_focus a:visited { color: #74a0ca; text-decoration: none }
.sidebar_item dd h3.sidebar_focus a:hover { color: #74a0ca; background:#e8f1ff; text-decoration: none }
.sidebar_item dd h3 span { color: #000; padding-left: 15px }
.sidebar_item dd h3.sidebar_focus span { display: block; border: 1px solid #cacaca; color: #74a0ca; font-weight: bold; padding-left: 15px; -moz-border-radius: 5px 5px 5px 5px; -moz-box-shadow: 2px 2px 10px #969696; -webkit-box-shadow: -2px 1px 10px #969696; box-shadow: -2px 1px 10px #969696 }
.sidebar_popup { position: absolute; left: 169px; width: 610px; background: #FFF; border: 1px solid #cacaca; display: none; border-top-right-radius: 2px; border-bottom-right-radius: 2px; z-index: 10; -moz-border-radius: 5px 5px 5px 5px; -moz-box-shadow: 2px 2px 10px #969696; -webkit-box-shadow: 2px 2px 10px #969696; box-shadow: 2px 2px 10px #969696 }
.sidebar_popup_class { padding: 0 5px }
.sidebar_popup_item { width: 260px; height: 30px; float: left; padding: 10px 5px 5px; }
.sidebar_popup_item.nobg { background: none }
.sidebar_popup_item strong { display: block; height: 24px; line-height: 24px; color: #74a0ca }
.sidebar_popup_item strong span { color: #74a0ca }
.sidebar_popup_item p { height: 48px; overflow: hidden }
.sidebar_popup_item p span { height: 24px; padding-right: 7px; margin-right: 7px; line-height: 24px; display: inline-block }
.sidebar_popup_item p span a { padding: 1px }
.sidebar_popup_item p span a:link { color: #000; text-decoration: none }
.sidebar_popup_item p span a:visited { color: #000; text-decoration: none }
.sidebar_popup_item p span a:hover { color: #fff; text-decoration: none; background: #74a0ca }
.sidebar_popup_item p span.more { padding-right: 9px; background: url(images/arr_blue.png) right 9px no-repeat }
.sidebar_popup_all { width: 610px; height: 48px; line-height: 48px; text-align: center; border-top: 1px #cbdaea solid }
.sidebar_popup_all a span { padding-right: 11px; background: url(images/arr_orange.png) right 5px no-repeat }
.sidebar_popup_all a { display: block; background: #e8f1ff }
.sidebar_popup_all a:hover { background: #d8e7ff }
.sidebar_popup_item strong a:link, .sidebar_popup_all a:link { color: #74a0ca; text-decoration: none }
.sidebar_popup_item strong a:visited, .sidebar_popup_all a:visited { color: #74a0ca; text-decoration: none }
.sidebar_popup_item strong a:hover, .sidebar_popup_all a:hover { color: #74a0ca; text-decoration: underline }
.i_header, .i_headtopcon, .i_container, .i_footer { width: 1000px; margin: 0 auto }
.sidebar_item_icon01, .sidebar_item_icon02, .sidebar_item_icon03, .sidebar_item_icon04 { background: url(images/f_sypic_icon.png) no-repeat }
.sidebar_item_icon01 { background-position: 0 -160px }
.sidebar_item_icon02 { background-position: -40px -160px }
.sidebar_item_icon03 { background-position: -80px -160px }
.sidebar_item_icon04 { background-position: -130px -160px }

@media only screen and (min-width: 321px) and (max-width: 1024px){
    .header_div{ width:1200px; height:150px; background:#ffffff url(../images/logo.jpg) no-repeat top center;}
	.nav_div{ width:1200px; height:40px; background:#007abc;}
	.index_banner_div{ width:1200px; height:auto; overflow:hidden; background:#ffffff;}
	.bottom_div{ width:1200px; height:auto; overflow:hidden; margin-top:30px; background:#242840; padding-bottom:20px; color:#5e6984;}
	.center_info{ width:1200px; height:auto; overflow:hidden; line-height:30px; padding:10px 0px; margin:10px 0px 20px 0px; font-size:20px; color:#2c2c2c; text-align:center; border-bottom:solid 1px #ccc;}
}
.pro_seka { display: flex; flex-direction: column; float: left; } 
.img_seka { height: 68px !important; } 
.proctect_read_img_main .sekaleft img { height: auto; margin: 2px; width: 128px; float: left; } 
#sktp { height: 100% !important; width: 100%; margin: 0px; } 
.proctect_read_img_main .report_a { background: #5795d4 !important; margin-right: 5px; } 
.proctect_read_img .relation { clear: both; } 
.proctect_read_img .relation ul li { width: 150px; height: 180px; color: #666; font-size: 14px; } 
#maincontent { width: 940px; height: 400px; overflow: hidden; float: left; } 
#ul1 { list-style-type: none; width: 3000px; } 
#ul1 li { float: left; margin-left: 20px; } 
#ul1 li a, a:hover, a:active { color: inherit; } 
.imgdiv img { background-image: url(img.png); background-position: top center; background-repeat: no-repeat; width: 150px; height: 150px; } 
.chardiv { text-align: center; position: relative; left: 2px; background: rgba(0,0,0,.7); max-height: 2.5em; min-height: 30px; line-height: 2.5em; bottom: 30px; width: 146px; color: #fff; font-size: 12px; } 
.hover { display: block; } 
.titlediv { font-weight: bold; font-size: 18px; margin-top: 10px;} 
.desc { padding-right: 180px;font-size: 16px;margin-top: 10px;} 
.descon { font-weight: 100; padding-right: 8px; line-height: 26px; text-indent: 2em; } 
.leftmove { cursor: pointer; float: left; height: 180px; line-height: 180px; text-align: center; margin-right: 10px; } 
.rightmove { cursor: pointer; float: left; height: 180px; line-height: 180px; text-align: center; margin-left: 10px; }
.gllb li span {color: #888888; position: absolute; right: 30px; top: 30px;font-size: 16px;}


/**************顶部样式***************/
.userMenu li a { color: #666; }
.green { color: #666; }
.fRight { float: right!important; }
.info { display: flex; position: relative; }
.info .infoleft { margin: 0 36px 0 0; }
.info .inforigth .cont { position: absolute; bottom: 0px; border: 1px solid #3998fc; }
.info .inforigth .cont span { color: #007abc; font-size: 14px; padding-left: 20px; }
.info .inforigth img { width: 150px; height: 150px; }
.liebiao .box { width: 1000px; height: 600px; padding: 50px 20px 20px 20px; }
.liebiao .box .box_seka { height: 128px; }
.liebiao .box .box_seka img { height: 167px; width: 128px; }
.liebiao .box .box_seka div { width: 128px; height: 30px; text-align: center; padding-top: 5px; }
.liebiao .poster { width: 1000px; height: 600px; padding-top: 20px; padding-left: 20px; padding-right: 20px; }
.liebiao .poster img { width: 1000px; height: 550px; }
.sekadiv_lb { display: flex; flex-direction: column; justify-content: center; }
.yllb { overflow: hidden; width: 210px; margin: 10px 0px 20px; }
.yllb li { letter-spacing: 4px; float: left; padding: 6px; background: #fc6202; font-size: 16px; font-weight: bold; margin: 10px 6px; color: #fff; }
#divform { position: fixed; z-index: 999; top: 100px; left: 0; right: 0; margin: 0 auto; width: 800px; height: 800px; text-align: center; border: 1px solid #fff; background-color: #FFF; overflow: hidden; display: none; }
#divform .close { text-align: right; font-size: 14px; height: 20px; width: 100%; background: #007abc; color: #fff; }
#divform .close span { padding-right: 15px; }



/***色卡列表页***/
.lie_biao { width: 100%; margin-top: 90px;overflow: hidden; }
.jsbf { width: 100%;  box-sizing: border-box;   padding: 40px 0 40px 40px; background: #f5e4c0de; background: #f2f3f5 url(../images/beijing.png) no-repeat right; }
.skbt { display: flex;margin-bottom: 20px;align-items: center;font-size: 30px;font-weight: bold;}
.skbt .slash{font-size: 20px;  font-weight: 100;  margin-left: 14px;}
.miaos { font-size: 16px; line-height: 2; width: 60%;    letter-spacing: 2px;}
.skbf { width: 100%; padding-top: 30px; overflow: hidden; display: inline-block; }
.lie_biao .skxbf{ display: flex; flex-wrap: wrap;gap: 10px; justify-content: center;}
.skbf li { width: 260px; margin: 26px; height: 208px; background-color: #f2f3f5; box-shadow: 7px 0px 4px 0px #00000012; border-radius: 10px; background-position: bottom; background-repeat: no-repeat; }
.skxbf h2 { font-size: 20px; text-align: left; height: auto; margin: 16px 0 0 28px; }
.skxbf p { margin: 4px 0 0 28px; }
.skbf li a { height: 208px; display: inline-block; width: 260px; }


/*首页底部*/
.battn{width: 1500px;height:auto; overflow:hidden; margin:0px auto;}
.zhiding { width: 1500px;position: relative;padding: 30px 0;}
.g_ft .ftleft{float: left; margin-top: 17px;}
.g_ft .ftleft .bqsy{height: 36px;font-size: 18px;font-weight: bold;color: #fff;}
.g_ft .ftleft p{font-size: 14px;color: #fff;line-height: 38px; }	
.g_ft .ftleft p a{color:#fff;}
.g_ft .ftleft em{display: block;font-size: 14px;color: #ef6200;  line-height: 38px; margin-bottom: 6px;}
.g_ft .ftleft em b{display: block;font-size: 32px;color: #ef6200; }
.g_ft h2{line-height: 58px; color: #0079c2; border-bottom: 2px solid #e2e2e2; width: 50px;}
.g_ft .gzwm{line-height: 58px;font-size: 18px;font-weight: bold;color: #0079c2;margin-bottom: 10px; }
.g_ft .m_fnav{ width: 214px; float: left; margin: 0px 50px; border-right: 1px solid #5a5151; padding: 0px 40px; border-left: 1px solid #5a5151;}
.g_ft .m_fnav a{display: block;float: left;width: 106px;height: 48px;line-height: 48px;font-size: 14px;color: #fff;}
.g_ft .m_fnav a:hover{color: #0079c2;font-weight: bold;}
.g_ft .ftlxwm{float: left;width: 130px;}
.g_ft .ftlxwm a{font-size: 14px;color: #fff;display: block;height: 48px;line-height: 48px;}
.g_ft .ftlxwm a:hover{color: #0079c2;font-weight: bold;}
.g_ft .m_code{float: right;}
.g_ft .codelst li{float: left;width:126px;height: 126px;margin: 0 10px;}
.g_ft .codelst li img{width: 126px;height: 126px;display: block;margin: 0 auto;}
.g_ft .codelst .code2{margin-right: 0;}
.g_ft .codelst li em{display: block;margin-top: 12px; text-align: center;font-size: 14px;color: #ef6200;}
.yqlj{clear: both; margin: 30px 0 0;background: #000000;}
.yqnl{ width: 1500px; margin: 0 auto; line-height: 40px; font-size: 14px; color: #fff;}

/*索引号*/
.icaseShow {margin-top: 60px;background-color: #f7f7f7;padding: 100px 0; }
.icaseShow .tit {font-size: 24px;color: #333;line-height: 24px;}
.icaseShow .w1200 {width: 1500px;margin: 0 auto;}
.icaseShow .ztcp { margin:0 30px;font-size: 18px; letter-spacing: 4px; text-indent: 6px;line-height: 172px;}
.icaseShow .suoyh{display: flex;}
.suoyh p a{margin-left: 580px;    letter-spacing: 2px;font-weight: bold;}
.suoyh p a:hover {color: #0079c2;}
.caseMain {position: relative; width: 100%;  margin-top: -30px;}
.caseMain .bd { position: relative; width: 100%;  margin: 20px 0 0 0; }
.caseMain .bd .list li { float: left; width: 280px; height: 356px; margin-right: 26px;}
.caseMain .bd .list li .img { display: block; width: 280px; height: 210px;}
.caseMain .bd .list li .txt { width: 240px; height: 146px; padding: 0 20px; background: #fff; transition: all ease 600ms;}
.caseMain .bd .list li .txt .tit { padding-top: 16px; color: #666; font-size: 14px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.caseMain .bd .list li .txt .cont { font-size: 14px; color: #999; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; margin: 8px auto; line-height: 22px;}
.caseMain .hd {position: absolute;    position: absolute;top: 0;right: 140px;}
.caseMain .hd .prev, .caseMain .hd .next {position: absolute;display: block;width: 29px;height: 29px;cursor: pointer;}
.caseMain .hd .prev,.caseMain .hd .next {align-content: center;display: flex;height: 178px;line-height: 178px;justify-content: center;margin: 0 14px;position: static;width: 56px;}
.caseMain .hd .prev {background: #1be8a2;}
.caseMain .hd .next { background: #0079c2;}
.caseMain .hd .prev:after,.caseMain .hd .next:after{ font-family: swiper-icons;font-size: var(--swiper-navigation-size);font-variant: normal; letter-spacing: 0;text-transform: none!important; font-size: 20px;}
.caseMain .hd .prev:after {content: "prev"; color: #fff;}
.caseMain .hd .next:after { content: "next"; color: #fff;}
.caseMain .hd .prev:hover {background: #0cbb7f;}
.caseMain .hd .next:hover { background: #0493e9;}


/*推荐产品*/
.prcbox_323 {width: 100%;padding: 80px 0 10px 0;}
.prcbox_323 .prccon {width: 1500px;position: relative;margin: 0 auto;display: flex;}
.prcbox_323 .prccon .hd {display: flex;flex-direction: column;line-height: 40px; margin: 0 10px 0 0;width: 420px;display: flex;}
#hkd {width: 1200px;}
.prcbox_323 .prccon .hd li {padding: 0px 18px;margin: 6px 10px;cursor: pointer;font-size: 16px;font-weight: bold;    background: #f2f3f5;  text-align: center;}
.prcbox_323 .prccon .hd li:hover{background: #0079c2;color: #fff;}
.prcbox_323 .prccon .hd li.on {color: #fff;height: 40px;background: #0079c2;}
.prcbox_323 .prccon .bd {overflow: hidden;   padding: 0 0 10px; clear:both;}
.prcbox_323 .prccon .bd ul{overflow: hidden;}
.prcbox_323 .prccon .bd li {width: 286px; margin: 8px 15px 19px;overflow: hidden;float: left;border: 1px solid #000;box-shadow: 9px 9px 9px 3px rgb(229 229 229 / 89%);}
.prcbox_323 .prccon .bd li .ppic img {width: 286px;height:286px;}
.prcbox_323 .prccon .bd li .tit {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;padding:12px 15px;}
.prcbox_323 .prccon .bd li .tit h4 {color: #585858;font-size: 14px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.prcbox_323 .prccon .bd li a img {-webkit-transition: All 2s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;transition: All 0.4s ease-in-out;}
.prcbox_323 .prccon .bd li a {text-decoration: none;}
.pmore {font-size: 16px;text-align: center;overflow: hidden;transition: all .2s ease-in 0s;margin: 2px auto 0 auto;display: block;}
.pmore a {width: 188px;display: block;text-decoration: none;   border: 1px solid #000;}
.pmore a:hover {color: #fff;background: #0079c2;transition: all .2s ease-in 0s;}

/*新闻资讯*/
.floor_5_main{padding: 30px 0;background:#fff;}
.floor_5 .textlist{width: 1200px; margin:0 auto; border-top: 1px solid #808080;}
.floor_5 .list{padding:20px 0 0 0;text-align: center;}
.floor_5 .textlist .item{border: 1px solid #ddd;margin-bottom: 16px;transition: all 0.2s linear 0s;width: 49%; display: inline-grid;}
.floor_5 .textlist .item a{display: block;padding: 28px;}
.floor_5 .textlist .item h3{font-size: 18px;vertical-align: top;color:#333;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left;}
.floor_5 .textlist .item p{font-size: 14px;line-height: 20px;color: #999;text-align: justify;}
.floor_5 .textlist .item .time{display: block; border-right: 1px solid #ddd;line-height: 20px;margin-right: 20px;padding-right: 10px;color: #666;}
.floor_5 .textlist .item .time b{font-family:arial;color: #666;display: block;font-size: 48px;line-height: 48px;}
.floor_5 .textlist .item:hover{border: 1px solid #0195df;-webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.1);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}
.floor_5 .textlist .item:hover h3{color:#0195df;}

/*询盘*/
.enquiryM{width: 100%;height:200px;background:url(/template/pc/skin/images/xpbg.png) no-repeat center center;background-size: 1920px 200px; margin: 50px 0 0 0;}
.enquiryM .w1200 { width: 1200px; margin: 0 auto;}
.enquiryM1{background:url(/template/pc/skin/images/enquiryBg1.png) no-repeat center center;}
.enquiryM .left{float:left;}
.enquiryM .txt{padding-top:56px;}
.enquiryM .txt .tit{margin-bottom:20px;font-weight:bold;font-size:30px;line-height:36px;text-align:left;color:#fff;}
.enquiryM .txt .tit em{color:#ff6d00; font-style: normal;}
.enquiryM .txt .subtit{padding-left:20px;margin-top:10px;font-size:18px;line-height:20px;color:#fff;background:url(/template/pc/skin/images/point.png) no-repeat left center;background-size:8px 8px;}
.enquiryM .right{float:right;}
.enquiryM .webTel{padding-left:34px;margin-top:60px;height:30px;font-family:arial;font-weight:bold;font-size:34px;color:#fff;background:url(/template/pc/skin/images/tel2.png) no-repeat left center;background-size:26px 26px;}
.enquiryM .online{float:right;display:block;width:200px;height:45px;margin-top:24px;font-weight:bold;font-size:18px;line-height:45px;text-align:center;color:#0181c1;background:url(/template/pc/skin/images/onlineIco.png) no-repeat center center;background-size:200px 45px;transition:all ease 300ms;}
.enquiryM .online:hover{text-indent:10px;transition:all ease 300ms;}

/*颜料知识*/
.news_326 {width: 100%;display: block;margin: 30px auto;}
.news_326 .news_list {width: 1200px;overflow: hidden;margin:0px auto -20px;border-top: 1px solid #808080;}
.news_326 .list{padding:20px 0 0 0;text-align: center;}
.news_326 .news_list li {width: 380px;float: left;text-align: left; margin: 0 20px 20px 0;position: relative;}
.news_326 .news_list b {width: 380px;height: 198px;overflow: hidden;display: block;}
.news_326 .news_list img {width: 380px;height: 198px;display: block;}
.news_326 .news_list em {display: block;padding: 0 10px 10px;background-color: #0000006e;text-align: center;font-size: 16px;color: #fff;font-family: "Arial";position: absolute;left: 0;top: 0;}
.news_326 .news_list em span {display: block;font-size: 46px;color: #fff;line-height: 50px;padding-top: 14px;}
.news_326 .news_list a {display: block;text-decoration: none}
.news_326 .news_list p {font-size: 16px;color: #666666;line-height: 30px;margin-top: 10px;}
.news_326 .news_list span.title {font-size: 18px;color: #666666;border-bottom: #d0d0d0 solid 1px;width: 380px;padding: 15px 0;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_326 .news_list li:hover span.title {color: #3a8959;}


/*联系我们*/
.lxcontainer{display: flex;flex-direction: column; }
.lxshang{display: flex;justify-content: space-between;}
.shangzuo{display: flex;flex-direction: column; padding:50px 140px 0 80px;background-color: #f2f3f5;height: 670px;}
.shangzuo h2{font-size: 28px; letter-spacing: 2px;}
.dizi{display: flex; align-items: center; margin:100px 0 0;}
.lxshang .iconb{margin-right:20px;}
.shangzuo p strong{font-size: 18px;}
.shangzuo .ii {background: #0079c2; width: 30px;height: 3px;display: block; margin-top: 20px;}
.shangyou {display: flex;flex-direction: column; padding: 50px 50px 0;font-size: 14px;}
.shangyou h3{font-size: 24px;letter-spacing: 2px;}
.shangyou .iii {background: #0079c2; width: 30px;height: 3px;display: block;margin: 18px 0 70px;}
.xsdh{ display: flex; align-items: center; margin: 0 0 52px;border-bottom: 1px solid #c9c9c9; padding-bottom: 20px;}
.shangyou p strong{font-size: 18px;}
.shangyou p span{color: #0079c2;}
.shangyou .ckdi{display: flex;flex-direction: column;}
.shangyou .ckdi a{  color: #0079c2;}
.ckdi p a:hover { color: #ef6200; }
.lxz { display: flex;justify-content: space-around;}
.lxxia { display: flex; justify-content: space-between;padding: 40px 30px 30px 50px;background-color: #0079c2; border-radius: 10px;}
.lxxia .xiazuo .gzdt { font-size: 18px; color: white; margin: 20px 0; letter-spacing: 2px; }
.lxxia .xiazuo .follow { font-size: 52px; font-weight: bold; color: #ffffff24; transform: scaleY(1.2); letter-spacing: 3px; }
.xiayou { display: flex; }
.xiayou p { display: flex; flex-direction: column; margin: 0px 30px; align-items: center; color: white; font-size: 16px; letter-spacing: 2px; }
.xiayou p img { width: 109px; height: 109px; margin: 0 0 6px 0; }

/*Ranbar中文*/
.prc323 {width: 100%;padding: 60px 0;}
.prc323 .prccon {width: 1200px;position: relative;margin: 0 auto;border-top: 1px solid #808080;}
.prc323 .prccon .hd {height: 40px;line-height: 40px;margin: 17px auto 0;width: 420px;}
#hkd {width: 1200px;}
.prc323 .prccon .hd li {float: left;padding: 0 18px;margin: 0 10px;border-radius: 20px;cursor: pointer;font-size: 16px;font-weight: bold;}
.prc323 .prccon .hd li:hover{background: #3a8959;}
.prc323 .prccon .hd li.on {color: #fff;height: 40px;background: #3a8959;}
.prc323 .prccon .bd {overflow: hidden;   padding: 0 0 10px; clear:both;}
.prc323 .prccon .bd ul{overflow: hidden;}
.prc323 .prccon .bd li {width: 270px;margin: 30px 15px 8px 15px;overflow: hidden;float: left;box-shadow: 5px 6px 0px #ddd;}
.prc323 .prccon .bd li .ppic {width: 270px;height: 220px;overflow: hidden;}
.prc323 .prccon .bd li .ppic img {width: 270px;height: 220px;}
.prc323 .prccon .bd li .tpic {width: 270px; overflow: hidden;}
.prc323 .prccon .bd li .tpic img {width: 270px; height: 270px;}
.prc323 .prccon .bd li .tit {color: #909090;line-height: 24px;background: #f5f5f5;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;padding: 0 15px 15px;}
.prc323 .prccon .bd li .tit h4 {color: #585858;font-size: 18px;display: block;margin: 15px 0 0 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.prc323 .prccon .bd li a img {-webkit-transition: All 2s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;transition: All 0.4s ease-in-out;}
.prc323 .prccon .bd li a {text-decoration: none;}
.pmoore {width: 150px;height: 50px;line-height: 50px;font-size: 16px;text-align: center;overflow: hidden;transition: all .2s ease-in 0s;margin: 40px auto 0 auto;display: block;}
.pmoore a {width: 150px;height: 48px;line-height: 48px;display: block;text-decoration: none;border-radius: 15px;background: #3a8959;}
.pmoore a:hover {color: #fff;width: 150px;height: 48px;line-height: 48px;background: #3a8959;border-radius: 25px;transition: all .2s ease-in 0s;}
.hrh{font-size: 25px;  width: 216px; line-height: 1.5;border-bottom: 4px solid #000; margin: 0 auto -2px; padding-bottom: 10px;     text-align: center;}
.hrh span{ color: #CCCCCC; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif;}